<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.prime.com.tr/ui">
    
    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link href="#{facesContext.externalContext.requestContextPath}/resources/css/padrao.css" rel="stylesheet" type="text/css" />
        <link href="#{facesContext.externalContext.requestContextPath}/resources/css/template.css" rel="stylesheet" type="text/css" />
        <link href="#{facesContext.externalContext.requestContextPath}/resources/css/primefaces.css" rel="stylesheet" type="text/css" />
        <link href="#{facesContext.externalContext.requestContextPath}/resources/css/jsf.css" rel="stylesheet" type="text/css" />
        <link href="#{facesContext.externalContext.requestContextPath}/resources/css/interface.css" rel="stylesheet" type="text/css" />
        <link href="#{facesContext.externalContext.requestContextPath}/resources/css/jquery.css" rel="stylesheet" type="text/css" />
        <script type="text/javascript" src="#{facesContext.externalContext.requestContextPath}/resources/js/swfobject.js"></script>
        <script type="text/javascript" src="#{facesContext.externalContext.requestContextPath}/resources/js/almanach.js"></script>
        <title></title>
    </h:head>
    
    <h:body>
        
        <div id="topo">
            <ui:insert name="topo">
                <h1>Almanach Gospel</h1>
                <h:outputText value="Versão 0.0.1"/>
                <br/>
                <b><h:outputText value="Usuário - #{sessao.usuario.nome}"/></b>
            </ui:insert>
        </div>
        
        <div id="conteudo">
            <p:messages id="msgs"/> 
            <ui:insert name="conteudo">Conteúdo</ui:insert>
        </div>
        
        <div id="rodape" align="center">
            <ui:insert name="rodape">
                <p:dock>
                    <p:menuitem value="Evento" icon="/imagens/dock/evento.png" url="/cadastro/listarEvento.jspx"/>
                    <p:menuitem value="Função" icon="/imagens/dock/funcao.png" url="/cadastro/listarFuncao.jspx"/>
                    <p:menuitem value="Música" icon="/imagens/dock/musica.png" url="/cadastro/listarMusica.jspx"/>
                    <p:menuitem value="Membro" icon="/imagens/dock/membro.png" url="/cadastro/listarMembro.jspx"/>
                    <p:menuitem value="Perfil" icon="/imagens/dock/perfil.png" url="/seguranca/listarPerfil.jspx"/>
                    <p:menuitem value="Usuário" icon="/imagens/dock/usuario.png" url="/seguranca/listarUsuario.jspx"/>
                    <p:menuitem value="Sair" icon="/imagens/dock/sair.png" url="/seguranca/login.jspx" onclick="logout()"/>
                </p:dock>
                <h:form>
                    <p:remoteCommand name="logout" action="#{login.logout}"/>
                </h:form>
            </ui:insert>
        </div>
        
    </h:body>
    
</html>
